<template>
  <div class="all">
  <div class="header">
    <p class="title">{{props.title}}</p>
    <div class="icon">
      <p><van-icon name="ellipsis" />|<van-icon name="stop-circle-o" /></p>
    </div>
  </div>
</div>
</template>

<script setup>
const props=defineProps({
  title:String
})
// console.log(props.title);
</script>

<style lang="less" scoped>
.all{
  height: 1.5rem;
  width: 100vw;

  .header{
    width: 100vw;
    height: 1rem;
    position: fixed;
    z-index: 1000;
    .title{
      font-size: 0.5rem;
      font-weight: bold;
      text-align: center;
      padding: 0.35rem 0;
    }
    .icon{
      position: fixed;
      right: 0.4rem;
      top: 0.35rem;
      border: 1px solid #f3f7fa;
      width: 1.6rem;
      font-size: 0.6rem;


    }
  }
}
</style>